/**
 * @author F.biz - http://www.fbiz.com.br/
 */
/* --------------------------------------------------------------- Home */

.contentWrapper{
	zoom:1;
	overflow:hidden;
}
	/* materia title */
	.materiaTitle{
		font-size:36px;
		color:#231f20;
		margin-top:0;
		padding-top:20px;
		font-weight:normal;
	}
	/*materia subtitle*/
	.materiaSubTitle{
		font-style:italic;
		color:#525252;
		font-size:16px;
		font-family:Georgia, serif;
		font-weight:normal;
}
	/* star voting */
	.voteHolder{
		overflow:hidden;
		zoom:1;
		margin-top:-5px;
	}
		.voteHolder .votingStars{
			float:left;display:inline;
		}
		.voteHolder .votingStarsOff{
			float:none;
			display:block;
		}
		.voteHolder .votingStatus{
			float:left;display:inline;
			margin:5px 0 0 7px;
		}
	/* materia content */
	.materiaHolder{
		zoom:1;
		overflow:hidden;
		font-size:14px;
		margin:20px 0;
	}
		.materiaHolder h2{
			font-size:21px;
			font-weight:normal;
		}
		.materiaHolder h3{
			font-size:18px;
			font-weight:normal;
		}
		.materiaHolder img{
			margin:0 10px; 
		}
		.materiaHolder ul,
		.materiaHolder ol{
			padding:0 0 0 30px;
			margin-bottom:10px;
		}
			.materiaHolder li{
				padding:0;
				margin:10px 0;
			}
			.materiaHolder ul li{
				list-style-type:disc;
			}
		.materiaHolder table{
			border-collapse:collapse;
			margin:10px 1px;
		}
			.materiaHolder table td{
				border:1px solid #C3DAD1;
				padding:5px;
			}
	/* print button holder */
	.imprimirHolder{
		text-align:right;
	}
	
	/* menu de navegacao */
	.materiaNavigation{
		overflow:hidden;
		zoom:1;
	}
		.materiaNavigation .back{
			float:left;display:inline;
		}
		.materiaNavigation li{
			float:right;display:inline;
			padding:10px 0;
		}
			.materiaNavigation a{
				float:left;display:inline;
			}
				.materiaNavigation button strong{
					text-decoration:underline;
					margin-top:-1px;
				}
				
	/* Formularios 'Beleza Masculina' */
	
	.materia .fakefile {
		background:url(http://midiavital.fbiz.com.br/locales/global/img/bt_envie_foto.png) no-repeat left;
		height:30px;
		width:153px;
		overflow:hidden;
		margin:10px 0;
		position:relative;
		z-index:1;
		zoom:1;
	}
	
	.materia .fakefile input {
		position:absolute;
		top:2px;
		left:0;
		z-index:2;
		-moz-opacity:0 ;
		filter:alpha(opacity: 0);
		opacity: 0;
		zoom:1;
	}
	
	.materia .fakeInputUp {
		width:150px;
		height:30px;
		float:left;display:inline;
		background:#f9f5e9;
		zoom:1;
	}
	
/* X-Ray ( Declaração de Consumo ) */

/*Técnica marota display inline block */

.xRayFeedback ul.porcentagem,
.xRay .xrayOptions, 
.xRay .img, 
.xrayOptions li,
.xRayFeedback ul.porcentagem li{ display:inline-block }

.xRayFeedback ul.porcentagem,
.xrayOptions, 
.xRay .img,
.xRayFeedback ul.porcentagem li,
.xrayOptions li{ *display:inline !important; zoom:1 }

.xRayFeedback,
.xRay{margin-bottom:20px }
	.xRay .gt,
	.xRay .link{ font-size:18px }	
	.xRay p{ font-size:14px }
	.xRay li.button{ margin:2px 0; position:relative }
		.xRay li.button a{
			display:block;
			text-decoration:none;
			font-style:oblique;
			color:#3A4D81;
			padding-left:10px;
			margin:5px 0;
			background:url(http://midiavital.fbiz.com.br/locales/global/img/carousel/bt_ant_prox.png) no-repeat -138px 0;
		}
		.xRay li.button .marca{
			position:absolute;
			top:50px;
			left:0;
			display:none
		}
		
	.xRay .img{
		background:url(http://midiavital.fbiz.com.br/locales/global/img/consumo/bg_carrossel.png) no-repeat;
		width:238px; 
		height:180px;
		padding:25px 8px
	}
	.xrayTitle{
		font-style:oblique;
		font-size:45px;
		color:#577ba0
	}
	.xRay .xrayProdutoTitle{
		font-size:30px;
		font-style:oblique;
		color:#7197bf;
		font-weight:normal
	}
	.xrayOptions{		
		vertical-align:top;
		width:450px
	}
	
	.xRay button{
		width:160px;
		height:60px;
		color:#665d6e;
		float:left;
		font-size:13pt;
		margin-right:8px;
		background:url(http://midiavital.fbiz.com.br/locales/global/img/consumo/bg_buttons.png) no-repeat;
		font-style:oblique;
		cursor:pointer
	}
	
	.xRay button.jc{
		width:189px;
		background-position:-169px 0
	}
	
	.xRay button.cf{ background-position:-367px 0 }
	.xRay button.co{
		background:url(http://midiavital.fbiz.com.br/locales/global/img/consumo/bg_bigger_button.png) no-repeat;
		width:190px
	}

/**
 * Feedback do x-ray
 */
.xRayFeedback{}
	.xRayFeedback p{ font-size:20px}
    
/**
 * Barra de compartilhar conteúdo
 */


.envieAmigo{	
	margin-top:-30px
}
.envieAmigo #feedbackMessage.success{ 
	color:#00bc04;
	padding:15px 0 
}
.envieAmigo form{
	width:490px
}
.envieAmigo .fldWrapper{
	background-color:#f9f6e9 !important;
	color:#000
}
.envieAmigo .fldWrapper .error{ background-color:#ff0000 !important; color:#fff }
.envieAmigo .errorMessage{ 
	position:absolute; 
	width:230px;
	margin-top:10px;
	margin-left:10px;
	color:#ff0000 
}
.envieAmigo em{
	font-style:normal;
	position:relative;
	top:10px
}
.envieAmigo .title{
	margin-bottom:10px
}
.shareList{
	padding-right:30px;
	height:70px
}
	.shareList li{ 
		float:left;		
		font-size:14px;
		position:relative
	}
		.shareList li.divisor{
			padding:5px 15px 5px 0;
			margin-right:15px;
			border-right:1px dashed #ABABAB;
		}
		
		.shareList li.divisor a{
			padding:4px 0 4px 45px;
			background:url(http://midiavital.fbiz.com.br/locales/global/img/sprite_compartilhe.png) no-repeat -6px -46px;	
		}
		
		.shareList li.indique{
			margin-left:8px;
			padding-top:5px;
			padding-right:5px
		}
		.shareList li.last{
			width:150px
		}
		.shareList li a{			
			font-weight:bold;		
				
		}
		.shareList .icone{
			float:left;
			width:28px;
			height:28px;
			margin:0 4px;
			position:relative;
			text-decoration:none !important;
			font-weight:normal;
			background:url(http://midiavital.fbiz.com.br/locales/global/img/sprite_redes_sociais.png) no-repeat 0 -36px
		}
		
						
			.shareList #lnkFavorito{ background-position:-8px -124px }						
			.shareList #facebook{ background-position:-36px -36px }
			.shareList #twitter{ background-position:-71px -36px }
			.shareList #btEnvieAmigo{ background-position:-105px -36px }
			
			.shareList .tooltip,
			.shareList .tooltip-seta{
				position:absolute;
				display:none;
				top:37px;
				left:0;	
				margin:0
			}
			.shareList .tooltip{				
				font-size:10px;				
			}
				.shareList .tooltip .borders{
					display:block;
					height:4px;
					width:150px;
					clear:both					
				}
			.shareList .tooltipTop{
				background:url(http://midiavital.fbiz.com.br/locales/global/img/bg_tooltip.png) no-repeat left top;
				
			}
			.shareList .tooltipBottom{
				background:url(http://midiavital.fbiz.com.br/locales/global/img/bg_tooltip.png) no-repeat left bottom;				
			}
			.shareList .tooltipContent{
				background-color:#f4eed4;
				width:135px;
				display:block;	
				overflow:hidden;			
				padding:5px 6px 5px;	
			}
			.shareList .tooltip-seta{
				width:10px;
				height:10px;
				left:7px;
				top:28px;
				background:url(http://midiavital.fbiz.com.br/locales/global/img/tooltip_seta.png) no-repeat left top;
			}

/* ERROR:  Missing file D:\Inetpub\Unilever\vital\www_midia\locales\beleza\css\materia.css *//* ERROR:  Missing file D:\Inetpub\Unilever\vital\www_midia\locales\am\css\quiz.css */